<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>优惠券</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/app.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
</head>
<body>
    
    <section class="app-page-section">
    
	   	<section class="app-container app-index">
            
            <!-- form -->
            <!-- 
                这个地方针对图片做了处理 宽高 == 100%
             -->
            <div class="app-index-banner swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide app-banner-item">
                        <img src="" alt="">
                    </div>
                    <div class="swiper-slide app-banner-item">
                        <img src="" alt="">
                    </div>
                    <div class="swiper-slide app-banner-item">
                        <img src="" alt="">
                    </div>
                    <div class="swiper-slide app-banner-item">
                        <img src="" alt="">
                    </div>
                </div>

                <div class="swiper-pagination"></div>
            </div>

            <!-- nav -->
            <menu class="app-index-menu">
                <a href="">
                    <img src="../images/index/index-menu1.jpg" alt="">
                    会员须知
                </a>
                <a href="">
                    会员增值
                </a>
            </menu>

        </section>

        <footer class="app-footer">
            <a href="" class="active">
                <span class="app-icon-home"></span>
                首页
            </a>
            <a href="">
                <span class="app-icon-cart"></span>
                购买服务
            </a>
            <a href="">
                <span class="app-icon-member"></span>
                个人中心
            </a>
        </footer>

    </section>
    
    <script src="../js/hotcss.js"></script>
    <script src="../js/fastclick.js"></script>
    <script src="../js/swiper.min.js"></script>

    <script>
    	
    	// factclick
		FastClick.attach(document.body);

        var banner = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true ,
            loop: true ,
            centeredSlides: true
        });

    </script>


</body>
</html>